<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>Login Form Final Project</title>	
	<link rel="stylesheet" media="screen and (max-width: 640px)" href="resources/css/nghia-small-screen.css" />
	<link rel="stylesheet" media="screen and (min-width: 641px) and (max-width: 800px)" href="resources/css/nghia-small-screen.css" />
	<link rel="stylesheet" media="screen and (min-width: 801px) and (max-width: 1024px)" href="resources/css/nghia-medium-screen.css" />
	<link rel="stylesheet" media="screen and (min-width: 1025px)" href="resources/css/nghia-large-screen.css" />
	<link rel="stylesheet" media="screen and (device-aspect-ratio: 40/71)" href="resources/css/nghia-small-screen.css" />
</h:head>

<!-- Method kiem tra moi khi trang duoc load -->
<f:event listener="#{adminLoginManagedBean.onLoad}" type="preRenderView"></f:event>

<body id="login-bg">
	<!-- Start: login-holder -->
	<div id="login-holder">
		<div class="clear"></div>

		<!--  start loginbox ................................................................................. -->
		<h:form>
			<div id="loginbox">

				<!--  start login-inner -->
				<div id="login-inner">
					<table border="0" cellpadding="0" cellspacing="0">
						<tr>
							<th>Username</th>
							<td><h:inputText value="#{adminLoginManagedBean.username}"
									class="login-inp"></h:inputText></td>
						</tr>
						<tr>
							<th>Password</th>
							<td><h:inputSecret value="#{adminLoginManagedBean.password}"
									class="login-inp">
								</h:inputSecret></td>
						</tr>
						<tr>
							<th></th>
							<td></td>
						</tr>
						<tr>
							<th></th>
							<td><h:commandButton value="Login" class="submit-login"
									action="#{adminLoginManagedBean.login}" /></td>
						</tr>
					</table>
				</div>
				<!--  end login-inner -->
				<div class="clear"></div>
			</div>
			<!--  end loginbox -->
		</h:form>
	</div>
	<!-- End: login-holder -->

</body>
</html>